<template name="navbar">
  <nav class="navbar navbar-default navbar navbar-static-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
     	  <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/">SPLASSH</a>
        {{#if currentPage '/map'}}
          <button type="button" class="geolocate btn btn-info visible-xs" data-toggle='tooltip' title='Find your current location. Make sure your device has location enabled. It may take a few seconds.' data-placement='bottom' style="margin-top:10px; width: 40px; float:left; margin-right: 5px;"><i class="glyphicon glyphicon-screenshot"></i></button>
        {{/if}}
        <button type="button" class="btn btn-default visible-xs" data-toggle="modal" data-target="#addWaterProjectModal" style="margin-top:10px; width: 40px; float: left;"><span class="glyphicon glyphicon-plus"> </span></button>
      </div>

      <!-- where login was -->
     
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="/projectList">Projects</a></li>
          <li><a href="/map">Live Map</a></li>
          <li><a href="/tags">Tags</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">About Us <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="/team">Team</a></li>
                <li><a href="/contact">Contact Us</a></li>
                <li><a href="/sponsors">Sponsors</a></li>
              </ul>
          </li> 
          {{#if currentUser}}
          <li><a href="/mydash"><span class="glyphicon glyphicon-dashboard"></span>&nbsp;My Dash</a></li>
          {{/if}}
        </ul>
        
        <ul class="nav navbar-nav navbar-right">
          {{#if currentPage '/map'}}
            <li><button type="button" class="geolocate btn btn-primary hidden-xs" data-toggle='tooltip' title='Find your current location. Make sure your device has location enabled. It may take a few seconds.' data-placement='bottom'><span class="glyphicon glyphicon-screenshot"> </span> Find Me</button></li>
          {{/if}}
          <li><button type="button" class="btn btn-default hidden-xs" data-toggle="modal" data-target="#addWaterProjectModal"><span class="glyphicon glyphicon-plus"></span> Project </button></li>
          {{#if currentUser}}
          <li>{{> loginButtons}}</li>
          {{else}}
            <li><a href="/login" style="padding: 5px; margin-top: 5px">Login</a></li>
          {{/if}}
        </ul>
		  </div><!--/.nav-collapse -->
    </div>
  </nav>
  {{> addProjectModal }}
  {{> signInModal }}
</template>

